<!DOCTYPE HTML>
<html xmlns:fb="http://www.facebook/com/2008/fbml" xml:lang="ko" lang="ko" dir="ltr">
<head>
<title>Galaxy Note Pro! | Product</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="resource-type" content="document" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<!--[if IE]>
 <meta http-equiv="imagetoolbar" content="no" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="./css/tab_s.css" />
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/html5player-ima-vfl4_saJa.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/tab_s.js"></script>
</head>
<body class="gxt-product">
<!-- 갤럭시 탭 -->
<p class="skip"><a href="#gxt-content">본문 바로가기</a></p>
<div class="gxtWp">
	<div class="gxt-side">
		<h1 class="gxt-logo"><a href="./main.html"><img src="./images/logo.gif" alt="Pro. Galaxy Tablet Changes The Rules" /></a></h1>
		<ul class="gxt-menu">
			<li class="active">
				<a href="./product_tab_s.html"><span class="product">Product</span></a>
				<ul>
					<li><a href="./product_tab_s.html"><img src="./images/menu_tab_s_off.gif" alt="Galaxy Tab S" /></a></li>
					<li><a href="./product_note_pro.html"><img src="./images/menu_note_pro_off.gif" alt="Galaxy Note Pro" /></a></li>
					<li><a href="./product_tab_pro.html"><img src="./images/menu_tab_pro_off.gif" alt="Galaxy Tab Pro" /></a></li>
					<li><a href="./product_note_10.html"><img src="./images/menu_note_10_off.gif" alt="Galaxy Note 10.1" /></a></li>
				</ul>
			</li>
			<li>
				<a href="./gift.html"><span class="gift">Gift</span></a>
			</li>			
			<!-- 7-11 이전에 숨김 처리 -->
			<li>
				<a href="#" target="_blank" class="cinema"><span class="cinema">S아몰레드 시네마</span></a>
			</li>
			<!-- // 7-11 이전에 숨김 처리 -->
			<li>
				<a href="./event_list.html"><span class="event">Event</span></a>
			</li>
		</ul>
		<script type="text/javascript">
			// 메뉴 활성화 함수
			$('.gxt-menu ul a').activeMenu(1);
		</script>
	</div><!-- // gtx-side -->

	<div class="gxt-ct" id="gxt-content">
		<div class="gxt-product-detail">
			<div class="tab-button">
				<div class="feat-tab">
					<a href="#prod-content1"><img src="./images/note_pro/tab_1_off.gif" alt="디스플레이" /></a>
					<a href="#prod-content2"><img src="./images/note_pro/tab_2_off.gif" alt="한컴오피스" /></a>
					<a href="#prod-content3"><img src="./images/note_pro/tab_3_off.gif" alt="멀티윈도우" /></a>
					<a href="#prod-content4"><img src="./images/note_pro/tab_4_off.gif" alt="e-Meeting" /></a>
					<a href="#prod-content5"><img src="./images/note_pro/tab_5_off.gif" alt="Remote PC" /></a>
				</div>
				<div class="media-tab">
					<a href="#pop_view" id="callMovLayer"><img src="./images/media_off.gif" alt="multimedia" /></a>
				</div>
			</div>

			<div class="feature-box">
				<h2><img src="./images/note_pro/title.gif" alt="Samsung GALAXY Note Pro SM-P900" /></h2>
				<div class="feat-cont">
					<h3 class="hidden">PRO들을 위한 태블릿. 삼성갤럭시노트 PRO</h3>
					<div class="slider-product">
						<p id="prod-content1"><img src="./images/note_pro/product_1.jpg" alt="309.7mm 대화면과 초고해상도 WQXGA 디스플레이" /></p>
						<p id="prod-content2"><img src="./images/note_pro/product_2.jpg" alt="한워드, 한셀, 한쇼. 다양한 오피스 문서작업을 한번에! '한컴오피스'" /></p>
						<p id="prod-content3"><img src="./images/note_pro/product_3.jpg" alt="4가지 작업을 동시에. '멀티윈도우'" /></p>
						<p id="prod-content4"><img src="./images/note_pro/product_4.jpg" alt="종이문서 없이 같은 화면으로 회의하는 'e-Meeting'" /></p>
						<p id="prod-content5"><img src="./images/note_pro/product_5.jpg" alt="외부에서도 내 PC와 연결되는 'Remote PC'" /></p>
					</div>
					<p class="viewBuy">
						<a href="#" class="view"><img src="./images/btn_view.png" alt="삼성갤럭시노트 PRO 자세히 보기" /></a>
						<a href="#" class="buy"><img src="./images/btn_buy.png" alt="삼성갤럭시노트 PRO 구매하기" /></a>
					</p>
				</div>
			</div>

			<div id="pop_view" class="dim_layer">
				<div class="cont">
					<h3><img src="./images/note_pro/title_mov.gif" alt="삼성 갤럭시 노트 프로 영상" /></h3>
					<!-- size 710*420 -->
					<div class="details">
						<div id="video_wrap_big" class="video">
							<iframe width="710" height="420" frameborder="0" title="Samsung GALAXY Note Pro youtube video" allowfullscreen="" src="" id="bigVideo"></iframe>
						</div>
					</div>
				</div>
			</div>

			<script type="text/javascript">
			$(document).ready(function(){
				// tab menu
				var slideStart = 0;
				var tabMenu = $('.feat-tab a');
				var productSlide = $('.slider-product').bxSlider({
					mode:'fade', infiniteLoop:false, pager:false, controls:false,
					startSlide:slideStart,
					onSliderLoad: function(){
						tabMenu.activeMenu(slideStart);
						tabMenu.on('click', function(){
							_UX_closeMov(); mediaBtn.activeMenu(null);	// youtube kill
							var current = tabMenu.index($(this));
							productSlide.goToSlide(current);
							tabMenu.activeMenu(current);
							return false;
						});
					}
				});

				// youtube
				var youtubeID = 'Ej4qLobfDoM';
				var mediaBtn = $('#callMovLayer');
				mediaBtn.bind('click', function(){
					$('.feature-box').hide();
					_UX_playMov(youtubeID);
					tabMenu.activeMenu(null);
					mediaBtn.activeMenu(0);
					return false;
				});
				var _UX_closeMov = function() {
					$('#bigVideo').attr('src','');
					$('#pop_view').fadeOut({
						done: function(){$('.feature-box').fadeIn();}	// conent show
					});
				};
				var _UX_playMov = function(id) {
					$('#bigVideo').attr('src','http://www.youtube.com/embed/' + id + '?controls=1&autoplay=1');
					$('#pop_view').fadeIn();
				};
			});
			</script>
		</div>
	</div><!-- // gtx-ct -->
</div><!-- // gxtWp -->
<!-- //갤럭시 탭 -->
</body>
</html>